<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.fade-enter, .fade-leave-to {
		  opacity: 0
		}
		.fade-enter-active, .fade-leave-active {
		  transition: opacity .5s
		}
		</style>
	</head>
	<body>

		<div id="demo">
			<button v-on:click="show = !show">
				切换按钮
			</button>
			<transition name="fade">
				<p v-if="show">hello</p>
			</transition>
		</div>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script>
			new Vue({
				el: '#demo',
				data: {
					show: true
				}
			})
		</script>

	</body>
</html>
